@charset "utf-8";
 /*  CSS( author : zhangxiaoying)
 * date : 2018-03-27
 */
body{font-family:'Microsoft Yahei','宋体',Tahoma,Arial;font-size:12px;color:#fff;margin:0;padding:0; }
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
input,textarea,select{outline:none;font-family:'Microsoft Yahei';}
a{outline:none;text-decoration:none;}

.big-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/print/big_bg.jpg) no-repeat left top;
    background-size: 100% 100%;
    z-index: -1;
}
/*顶部 begin*/
.top{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 132px;
    background: url(../../images/print/top_indexbg.png) repeat-x center top;
    background-size: 1280px 132px;
}
.header{
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top: 40px;
    letter-spacing: 2px;
}
.header1{
    font-size: 26px;
}
.current-time{
    position: absolute;
    top: 20px;
    right: 0px;
}
.current-date{
    width: 150px;
    font-size: 13.8px;
    position: absolute;
    top: 20px;
    right: 140px;
    line-height: 20px;
    text-align: right;
}
.current-minute{
    font-size: 35.8px;
    color: #fff600;
    position: absolute;
    top: 15px;
    right: 30px;
}
.index-content{
    width: 1280px;
    height: 722px;
    padding-bottom: 90px;
    margin: 70px auto 0;
    background: url(../../images/print/index_group_bg.png) no-repeat left top;
}
.index-step1,.index-step2,.index-step3,.index-step4,.index-step5{
    width: 189px;
    height: 365px;
    transform: skewX(-10deg) ;
    -webkit-transform: skewX(-10deg) ;
    -o-transform: skewX(-10deg) ;
    -moz-transform: skewX(-10deg) ;
    -ms-transform: skewX(-10deg) ;
    float: left;
}
.index-step1{
    margin-top: 92px;
    margin-left: 170px;
    border: 1px solid #da191a;
    background-image: linear-gradient(163deg, #ff7172, #ef2e2f ) ;
}
.index-step2{
    margin-top: 180px;
    margin-left: -15px;
    border: 1px solid #dd4d14;
    background-image: linear-gradient(163deg, #ff8860, #f06024 ) ;
}
.index-step3{
    margin-top: 5px;
    margin-left: 32px;
    border: 1px solid #e49918;
    background-image: linear-gradient(163deg, #ffc45e, #ed9e15 ) ;
}
.index-step4{
    margin-top: 128px;
    margin-left: -20px;
    border: 1px solid #2cbe61;
    background-image: linear-gradient(163deg, #56e591, #40c771 ) ;
}
.index-step5{
    margin-top: 34px;
    margin-left: 19px;
    border: 1px solid #1b81c7;
    background-image: linear-gradient(163deg, #71c6ff, #2891d7 ) ;
}
.index-content .step-num{
    width: 100%;
    text-align: center;
    height: 65px;
    line-height: 65px;
    margin: 0 auto;
    background: url(../../images/print/img_border.png) no-repeat bottom center;
    padding-top: 20px;
}
.index-content .step-num img{
    transform: skewX(10deg) ;
    -webkit-transform: skewX(10deg) ;
    -o-transform: skewX(10deg) ;
    -moz-transform: skewX(10deg) ;
    -ms-transform: skewX(10deg) ;
}
.index-content .step-name{
    font-size: 26px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
.index-content .step-content{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    padding: 0 15px;
    height: 230px;
}
.index-step1 .step-content{
    background: url(../../images/print/img_index_step1.png) no-repeat right bottom;
}
.index-step2 .step-content{
    background: url(../../images/print/img_index_step2.png) no-repeat right bottom;
}
.index-step3 .step-content{
    background: url(../../images/print/img_index_step3.png) no-repeat right bottom;
}
.index-step4 .step-content{
    background: url(../../images/print/img_index_step4.png) no-repeat right bottom;
}
.index-step5 .step-content{
    background: url(../../images/print/img_index_step5.png) no-repeat right bottom;
}
.index-tips{
    clear: both;
    font-size: 28px;
    color: #fff871;
    letter-spacing: 2px;
    text-align: center;
    padding-top: 70px;
}
.hand{
    position: absolute;
    top: 808px;
    left: 791px;/*
    right: 310px;
    bottom: 100px;*/
}


/*放下身份证弹层*/
.mask{
  display:none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position:fixed;
  _position:absolute;
  left:0;
  top:0;
  z-index:9998;
}
.id-card{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -314px;
    margin-top: -190px;
    padding: 25px 44px 10px 44px;
    border-radius: 9px;
    background: #ffffff;
    z-index: 9999;
}
.id-card .inner{
    position: relative;
    /*width: 760px;*/
    /*height: 486px;*/
}
.id-card .inner .close{
    position: absolute;
    top: -50px;
    right: -64px;
    width: 52px;
    height: auto;
}
.id-card .inner .remind{
    text-align: center;
    font-size: 26px;
    color: #000;
    font-weight: bold;
}
.id-card .inner .contain{
    width: 540px;
    height: 260px;
    margin: 22px auto;
    border-radius: 9px;
    text-align: center;
    /*background: #d6d6d6;*/
}
.id-success .inner .contain,.id-error .inner .contain{
    background: #d6d6d6;
}
.id-card .inner .contain .show{
/*    height: 220px;
    line-height: 220px;*/
    margin: 20px 0;
    text-align: center;
}
/*.id-success .inner .contain .show,.id-error .inner .contain .show{
    height: auto;
    line-height: auto;
}*/
.id-card .inner .contain .show .pic{
    vertical-align: middle;
    width: 120px;
    height: auto;
    padding-top: 36px
}
.id-card .inner .contain .state{
    margin-top: 32px;
    padding: 0 20px;
    text-align: center;
    font-size: 24px;
    color: #dc0606;
}
.id-success .inner .contain .state{
    font-size: 36px;
}
.id-card .put-idcard{
    width: 520px;
    height: auto;
}